﻿<phone:PhoneApplicationPage 
    x:Class="AllenalaMente.Menu.GameSelection"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:my="clr-namespace:AllenalaMente.Menu"
    SupportedOrientations="Landscape" Orientation="Landscape"
    mc:Ignorable="d" d:DesignHeight="480" d:DesignWidth="800"
    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot è la griglia radice in cui viene inserito tutto il contenuto della pagina-->
    <Grid x:Name="LayoutRoot">

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.Background >
            <ImageBrush ImageSource="/AllenalaMente;component/Assets/Images/Backgrounds/SfondoGeneric.jpg"></ImageBrush>
        </Grid.Background>

        <!--Banner-->
        <my:CarouselBanner HorizontalAlignment="Left" Margin="320,0,0,0" x:Name="carouselBanner" VerticalAlignment="Top" />

        <!--TitlePanel contiene il nome dell'applicazione e il titolo della pagina-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" >
            <TextBlock x:Name="PageTitle" Text="Choose 4 games" FontFamily="Comic Sans MS" Height="72" FontSize="36" Foreground="White" />
        </StackPanel>

        <!--ContentPanel - inserire ulteriore contenuto qui-->
        <Grid x:Name="ContentPanel" Margin="0,80,0,0" Grid.RowSpan="2" Width="620" HorizontalAlignment="Left">
            <Grid.RowDefinitions>
                <RowDefinition Height="90"/>
                <RowDefinition Height="90"/>
                <RowDefinition Height="90"/>
                <RowDefinition Height="90"/>
                <RowDefinition Height="10*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            
            <Rectangle Width="100" Height="85" Grid.Row="0" Fill="Green" RadiusX="10" RadiusY="10" Stroke="Gray"></Rectangle>
            <Line Width="800" Height="10" Margin="20,0,0,0" Fill="Green" Grid.Row="0" Grid.ColumnSpan="6" Stroke="Green" OpacityMask="GreenYellow" StrokeThickness="15" X2="800"></Line>
            <Image Height="75" HorizontalAlignment="Center" Margin="0,5,0,0" Name="imageMemory" Stretch="Uniform" VerticalAlignment="Top" Width="55" Source="/AllenalaMente;component/Assets/Images/UI/Memory.png" />
            <TextBlock Height="29" HorizontalAlignment="Center" Name="textBlockMemory" Text="Memoria" VerticalAlignment="Bottom" Width="102" FontSize="18" Margin="4,0,2,-5" TextAlignment="Center" Foreground="Black"/>

            <Image Grid.Column="1" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMemory1" Stretch="Fill" VerticalAlignment="Center" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed"/>
            <Image Grid.Column="2" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMemory2" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Column="3" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMemory3" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Column="4" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMemory4" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Column="5" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMemory5" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Border Grid.Row="0" Grid.Column="1" BorderBrush="Green" BorderThickness="3" Height="80" HorizontalAlignment="Center" Name="borderMemorySelection" VerticalAlignment="Center" Width="80" CornerRadius="10" />

            <Rectangle Width="100" Height="85" Grid.Row="1" Fill="Yellow" RadiusX="10" RadiusY="10" Stroke="Gray"></Rectangle>
            <Line Width="800" Height="10" Margin="20,0,0,0" Fill="Yellow" Grid.Row="1" Grid.ColumnSpan="6" Stroke="Yellow" OpacityMask="GreenYellow" StrokeThickness="15" X2="800"></Line>
            <Image Height="75" HorizontalAlignment="Center" Margin="0,5,0,0" Name="imageMath" Source="/AllenalaMente;component/Assets/Images/UI/Math.png" Stretch="Uniform" VerticalAlignment="Top" Width="55" Grid.Row="1" />
            <TextBlock Grid.Row="1" Height="29" HorizontalAlignment="Center" Name="textBlockMath" Text="Matematica" VerticalAlignment="Bottom" Width="108" FontSize="18" Margin="0,0,0,86" TextAlignment="Center" Foreground="Black" Grid.RowSpan="2" />

            <Image Grid.Row="1" Grid.Column="1" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMath1" Stretch="Fill" VerticalAlignment="Center" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="1" Grid.Column="2" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMath2" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="1" Grid.Column="3" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMath3" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="1" Grid.Column="4" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMath4" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="1" Grid.Column="5" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameMath5" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Border Grid.Row="1" Grid.Column="1" BorderBrush="Yellow" BorderThickness="3" Height="80" HorizontalAlignment="Center" Name="borderMathSelection" VerticalAlignment="Center" Width="80" CornerRadius="10" />

            <Rectangle Width="100" Height="85" Grid.Row="2" Fill="Red" RadiusX="10" RadiusY="10" Stroke="Gray"></Rectangle>
            <Line Width="800" Height="10" Margin="20,0,0,0" Fill="Red" Grid.Row="2" Grid.ColumnSpan="6" Stroke="Red" OpacityMask="Red" StrokeThickness="15" X2="800"></Line>
            <Image Height="75" HorizontalAlignment="Center" Margin="0,5,0,0" Name="imageReflex" Source="/AllenalaMente;component/Assets/Images/UI/Reflex.png" Stretch="Uniform" VerticalAlignment="Top" Width="55" Grid.Row="2" />
            <TextBlock Grid.Row="2" Height="27" HorizontalAlignment="Left" Name="textBlockReflex" Text="Riflessi" VerticalAlignment="Bottom" Width="108" FontSize="18" Margin="0,0,0,86" TextAlignment="Center" Foreground="Black" Grid.RowSpan="2" />

            <Image Grid.Row="2" Grid.Column="1" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameReflex1" Stretch="Fill" VerticalAlignment="Center" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="2" Grid.Column="2" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameReflex2" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="2" Grid.Column="3" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameReflex3" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="2" Grid.Column="4" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameReflex4" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="2" Grid.Column="5" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameReflex5" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Border Grid.Row="2" Grid.Column="1" BorderBrush="Red" BorderThickness="3" Height="80" HorizontalAlignment="Center" Name="borderReflexSelection" VerticalAlignment="Center" Width="80" CornerRadius="10"/>

            <Rectangle Width="100" Height="85" Grid.Row="3" Fill="Cyan" RadiusX="10" RadiusY="10" Stroke="Gray"></Rectangle>
            <Line Width="800" Height="10" Margin="20,0,0,0" Fill="Cyan" Grid.Row="3" Grid.ColumnSpan="6" Stroke="Cyan" OpacityMask="Cyan" StrokeThickness="15" X2="800"></Line>
            <Image Height="75" HorizontalAlignment="Center" Margin="0,5,0,0" Name="imageLogic" Source="/AllenalaMente;component/Assets/Images/UI/Logic.png" Stretch="Uniform" VerticalAlignment="Top" Width="55" Grid.Row="3" />
            <TextBlock Grid.Row="3" Height="26" HorizontalAlignment="Center" Name="textBlockLogic" Text="Logica" VerticalAlignment="Bottom" Width="106" FontSize="18" Margin="0,0,2,38" TextAlignment="Center" Foreground="Black" Grid.RowSpan="2" />

            <Image Grid.Row="3" Grid.Column="1" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameLogic1" Stretch="Fill" VerticalAlignment="Center" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="3" Grid.Column="2" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameLogic2" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="3" Grid.Column="3" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameLogic3" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="3" Grid.Column="4" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameLogic4" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Image Grid.Row="3" Grid.Column="5" Height="80" Width="80" HorizontalAlignment="Center" Name="imageGameLogic5" Stretch="Fill" VerticalAlignment="Center" Opacity="0.7" Source="../Assets/Images/UI/gameBoh.jpg" Visibility="Collapsed" />
            <Border Grid.Row="3" Grid.Column="1" BorderBrush="Cyan" BorderThickness="3" Height="80" HorizontalAlignment="Center" Name="borderLogicSelection" VerticalAlignment="Center" Width="80" CornerRadius="10" />

      <TextBlock FontFamily="Assets/Fonts/BAVEUSE.TTF#Baveuse" FontSize="16" Foreground="White" Grid.ColumnSpan="6" Height="26" HorizontalAlignment="Center" Margin="12,0,-138,0" Name="textBlockInfo" Text="Logica" TextAlignment="Center" VerticalAlignment="Bottom" Width="776" Grid.Row="4" FontStyle="Italic" />
        </Grid>
        <Button Template="{StaticResource GreenSmallTemplate}" Canvas.ZIndex="100" Content="Start" Grid.Row="1" Height="68" HorizontalAlignment="Left" Margin="602,160,0,0" Name="buttonConfirm" VerticalAlignment="Top" Width="196" FontSize="24" Click="buttonConfirm_Click" />
        <!--<Button Content="Bonus" FontSize="16" Height="68" HorizontalAlignment="Left" Margin="653,12,0,0" Name="buttonBonus" VerticalAlignment="Top" Width="144" Grid.Row="1" Click="buttonBonus_Click" />-->
    </Grid>    
</phone:PhoneApplicationPage>
